﻿
.topW{background:url(../image/top_bg.png) repeat-x top; padding:38px 0 0}
.top{width:1150px; margin:0 auto}
.top_logo{display:block; width:536px; height:36px; margin-right:50px}
.top_logo img{width:536px; height:36px;}

.top .searchform{width:290px; position:relative; }
.top .searchform .search_main{width:273px; height:32px; border:1px solid #E5E5E5; border-radius:25px; padding-left:15px; color:#aaa8a8; background:#ffffff; font-size:12px;}
.top .searchform .search_btn{background:url(../image/search_btn.png) no-repeat; width:18px; height:18px; position:absolute; top:8px; right:12px; cursor:pointer}
.top_lan{}
.top_lan li{float:left; margin-left:13px}
.top_lan li a{display:block;}
.top_lan li a img {
   width: 29px;height: 43px;
    padding-right: 4px;
    vertical-align: middle;
}
.top_lan li a::before,.top_lan li a:after{line-height:0; display:table; content:"";}
.top_lan li a:after{clear:both;}
.top_lan li a p{display:inline-block;color:#524f4f;text-transform: capitalize; float:right;    margin-top: 8px;}
.top_lan li a:hover p{color:#a6c532; text-decoration:underline;}



/*nav*/
.navBox{background:url(../image/nav_bg.png) no-repeat; background-size:100%; height:94px; margin-top:20px;}
.daohang_m {width:1150px; margin:0 auto}
.daohang_m li a{font-family: 'Arial', sans-serif;}
.in_f{ font-size:14px; color:#b79b32; margin:3px 4px 5px 6px;}

/*about_us_menu*/

/*product_menu*/
.daohang_m>img{margin-top:12px; margin-right:22px; float:left}
#daohang {
  width:100%; height:50px; border-bottom:5px solid #b79b32;  background:#2b2b2b;
    position: relative;
   
    z-index: 99;
}
.home {
    margin-left: 16px;
}
.tab {
    cursor: pointer;
    display: block;
    float: left;
    position: relative; padding: 40px 29px 29px; 
}

.tab .tablink {
   font-size:16px; color:#fff; font-weight:bold; text-transform:capitalize;
    display: block;
    float: left; padding-bottom:3px;
    position: relative;
    z-index: 99;display:block; 
}

.tab .tablink a {
   
    line-height:50px;
    text-decoration: none;padding:0px 30px; 
}

.tab:hover .tablink a {
    color: #fff; border-bottom:4px solid #fff
}

.dropdown ul {
    
    position: absolute;
    top:93px;
    z-index: 9; display:none;
}
.subnav {
    width: 250px;
}
.subnav a {
    color: #333;
    display: block;
    float: left; font-size:13px;
    line-height: 20px;
    white-space: nowrap;
  
}
.subnav a:hover{color:#F79700}

.dropdown .subnav {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #E75313;
    padding: 8px 3px;
}


#about_us_menu{ width:265px;}
#about_us_menu li{ margin:5px 0px;}


#products_menu { width:754px; border:1px solid #b79b32; position:absolute; display:none; left:-124px; z-index:9;}


.dropdown:hover>a{ color:#fff; border-bottom:4px solid #fff}

.dropdown{margin:0px 18px;}

#products_menu .p_inf{ color:#b79b32; font-size:14px; margin-right:5px; line-height:20px;}
.tuy_4 div{ float:left; width:155px}
.tuy_4 div p a{ margin:0 auto}
.tuy_4 p a img{ width:140px; height:140px; overflow:hidden}
.tuy_4>div{ margin:5px 15px;}
.tuy_4 div>a{ margin:10px auto 0; display:block}
.tab:last-child{ background:none}
#click_home{ color:#fff; border-bottom:4px solid #fff
   
}



/*banner*/
.flexslider{position:relative;max-height:495px;overflow:hidden;background:url(/template/images/loading.gif) 50% no-repeat;width:100%;max-width:1430px;margin:4px auto 0px;}
.slides{position:relative;z-index:1;}
.slides li{max-height:495px;}
.slides li img{width:100%;max-width:1430px;}

.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px;height:8px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;height:8px;line-height:40px;overflow:hidden;background:#D4D3D3;cursor:pointer;}
.flex-control-nav .flex-active{background:#E85714;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.flex-direction-nav li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.flex-direction-nav li a.flex-prev{left:1%;background:url(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:1%;background:url(../image/next.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav li a{ filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}



/*footer*/
.footer_callW{width:100%; background:url(../image/fot_bg1.png) repeat-x; margin-top:72px; padding-top:16px}
.footer_call{width:1080px; margin:0 auto}
.ft-contact{
	padding: 30px 0 18px;

}
.ft-contact b.ft-title{
	width: 14%;
	float: left;
	line-height: 30px;
	font-size: 16px;
	color: #819e20;
	font-style: italic;
}
.ft-contact span.ft-contact-call{
	width: 18%;
	float: left;
	padding-left: 40px;
	line-height: 30px;
	font-size: 14px;
	color: #587203;
	background: url(../image/tel.png) no-repeat left center;
}
.ft-contact a.ft-contact-email{
	width: 18%;
	float: left;
	padding-left: 40px;
	line-height: 30px;
	font-size: 14px;
	color: #587203;
	
	background: url(../image/email.png) no-repeat left center;
}
.ft-contact a.ft-contact-email:hover{color:#555; text-decoration:underline}
.ft-contact span.ft-contact-add{
	width: 38%;
	float: left;
	padding-left: 40px;
	line-height: 24px;
	font-size: 14px;
	color: #587203;
	background: url(../image/home.png) no-repeat left 2px;
}

.ft-container{
	width:100%;
	padding: 26px 0 32px
}
.ft-container li.ft-list{
	float:left;

}
.ft-container li.ft-listA{
	width: 27%;
	padding-right: 50px;
}
.ft-container li.ft-listB{
	width: 20%; margin:0px 75px 0 0;
}
.ft-container li.ft-listC{
	width: 13%; 
}
.ft-container li.rgtPadding{
	padding-right: 30px;
}
.ft-container li.rgtBorder{
	background: url(/template/images/ft-line1.png) repeat-y right top;
}


.footer_w{width:100%; background:#fc8b38 url(../image/fot_bg2.png) repeat-x; padding-top:20px}
.footer{width:1080px; margin:0 auto}
.ft-listA>p>img{ margin:7px 6px 0px 0px}
.ft-listA>p>img:hover{ transform: rotateY(360deg); -moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz- transition: all 0.8s ease 0s;-ms- transition: all 0.8s ease 0s; -o- transition: all 0.8s ease 0s;-webkit- transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s; cursor:pointer}
.ft-list-name{margin:0 0 3px 0;height:25px;line-height:25px;overflow:hidden;}
.ft-list-name span{
	font-size:16px; font-weight:bold;
	text-transform:uppercase;
	color:#FEE9DE; line-height:20px;

}
.ft-list-news li{
	border-bottom: 1px solid #808080;
	margin-top: 10px;
	padding: 10px 5px;
}
.ft-list-news li span.ft-list-news-img{
	float: left;
	width: 45px;
	height: 45px;
	border:1px solid #a8a8a8;
	margin-right: 10px;
}
.ft-list-news li span.ft-list-news-words{
	float: left;
	width: 170px;
	height: auto;
	color: #ccc;
	line-height: 22px;
	font-size: 12px;
}
.ft-list-news li span.ft-list-news-words a{
	display: block;
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	color: #ccc;
}
.ft-list-news li span.ft-list-news-words a:hover{
	color: #d91608;

}
.ft-list-main{
	margin-top: 0px;
	list-style-type: disc;
	color: #808080;
	padding-left: 15px;	
}

.ft-list-main li{
	list-style-type: disc;
	color: #fefcfc;

}
.ft-list-main li a{
	display: block;
	line-height:20px;
	font-weight:normal;
	font-size:12px;
	color:#fefcfc;
	padding: 4px 0 7px;
}
.ft-list-main li a:hover{
	color: #fff; text-decoration:underline
}
.ft-list-contact{
	margin-top: 5px;
}

.ft-list-contact li{
	display:block;
	line-height: 20px;
	padding: 4px 0;
	font-size: 12px;
	color: #f2f2f2;
}
.ft-list-contact li a{
	color: #f2f2f2;
}
.ft-list-contact li a:hover{
	color: #333;	
}
.ft-listC .ft-list-main li a{ text-transform:capitalize !important;}


.footer_send{ width:252px; height:203px; border-radius:6px;-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius:6px; background:#fff}
.footer_send .footer_send_t{font-size:14px; color:#565555; font-weight:bold; background:#f3f3f3; height:44px; line-height:44px; text-align:center;border-radius:6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-o-border-radius:6px 6px 0 0; }
.footer_send_menu{padding:0 17px;}
.footer_send_menu p{color:#565555;    line-height: 20px; text-align:center;
    padding: 16px 0 5px}
.footer_send_menu .sendkey{border:1px solid #E9E9E9; margin-top: 16px; font-size:12px;
 border-radius:6px;-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius:6px; color:#999898; width:211px; height:28px; line-height:28px; padding-left:8px}
.footer_send_menu .sendbtn{ color:#fff; text-transform:capitalize; padding:8px 11px; margin-top:19px; cursor:pointer;display: inline-block;
background:#008ee7;}
.footer_send_menu .sendbtn:hover{background:#FC8B38; color:#fff;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}

.footer_copyW{width:1080px; margin:8px auto 15px; text-align:center}
.fot_bot_links{padding-left:60px;margin-bottom:7px;}
.fot_bot_links p{display:inline-block;color:#ffffff; font-size:12px; }
.fot_bot_links a{display:inline-block;margin:0 10px 0 0;color:#ffffff; font-size:12px;}
.fot_bot_links a:hover{text-decoration:underline;}
.footer_copyW>p{ line-height:20px; color:#fff;}
.footer_copyW>p>a{color:#fff}
.footer_copyW>p>a>img{ display:none}


/*back-top*/

.back_top{ width:76px; height:89px; position:fixed; right:20px; bottom:30px; z-index:9999; display:none; background:url(../image/top.png) no-repeat;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}

.back_top:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}




















